quran/.next/server/pages/learning-plans/[slug]/lessons/[lessonSlugOrId].js

(() => {
var exports = {};
exports.id = 61991;
exports.ids = [61991,64820];
exports.modules = {

/***/ 96887:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _lessons_module_scss__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(55696);
/* harmony import */ var _lessons_module_scss__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(_lessons_module_scss__WEBPACK_IMPORTED_MODULE_19__);
/* harmony import */ var _components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1223);
/* harmony import */ var _components_Course_LessonView__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89591);
/* harmony import */ var _components_DataFetcher__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12951);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(25869);
/* harmony import */ var _components_PageContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(9234);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(61239);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(7190);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(23848);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_18__);
/* harmony import */ var _types_ApiErrorMessage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(43194);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(13830);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_6__, _components_Course_LessonView__WEBPACK_IMPORTED_MODULE_7__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_16__, _utils_navigation__WEBPACK_IMPORTED_MODULE_17__]);
([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_6__, _components_Course_LessonView__WEBPACK_IMPORTED_MODULE_7__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_16__, _utils_navigation__WEBPACK_IMPORTED_MODULE_17__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





















const Loading = ()=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
        className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_18___default().loadingContainer),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
    });
const LessonPage = ()=>{
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default()("learn");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)();
    const { slug , lessonSlugOrId  } = router.query;
    const onUnEnrolledNavigationLinkClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_16__/* .logButtonClick */ .MY)("unenrolled_course_link", {
            courseSlugOrId: slug,
            lessonSlugOrId
        });
    };
    const renderError = (error)=>{
        if (error?.message === _types_ApiErrorMessage__WEBPACK_IMPORTED_MODULE_13__/* ["default"].CourseNotEnrolled */ .Z.CourseNotEnrolled) {
            return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: (_lessons_module_scss__WEBPACK_IMPORTED_MODULE_19___default().container),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_PageContainer__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)((next_translate_Trans__WEBPACK_IMPORTED_MODULE_4___default()), {
                        i18nKey: "learn:not-enrolled",
                        components: {
                            link: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                                onClick: onUnEnrolledNavigationLinkClicked,
                                href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_17__/* .getCourseNavigationUrl */ .ES)(slug),
                                variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_11__/* .LinkVariant.Blend */ .r.Blend
                            }, 0)
                        }
                    })
                })
            });
        }
        return undefined;
    };
    const bodyRenderer = (lesson)=>{
        if (lesson) {
            return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                        title: lesson.title,
                        url: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_17__/* .getCanonicalUrl */ .Z2)(lang, (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_17__/* .getLessonNavigationUrl */ .dC)(slug, lessonSlugOrId))
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Course_LessonView__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                        lesson: lesson,
                        lessonSlugOrId: lessonSlugOrId,
                        courseSlug: slug
                    })
                ]
            });
        }
        return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {});
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
        className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_18___default().pageContainer),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_DataFetcher__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
            loading: Loading,
            queryKey: (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_15__/* .makeGetLessonUrl */ .Gk)(slug, lessonSlugOrId),
            fetcher: _utils_auth_api__WEBPACK_IMPORTED_MODULE_14__/* .privateFetcher */ .UK,
            renderError: renderError,
            render: bodyRenderer
        })
    });
};
var __SENTRY_WRAPPING_TARGET_FILE__ = (0,_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(LessonPage);

var serverComponentModule = /*#__PURE__*/Object.freeze({
    __proto__: null,
    'default': __SENTRY_WRAPPING_TARGET_FILE__
});

/*
 * This file is a template for the code which will be substituted when our webpack loader handles non-API files in the
 * `pages/` directory.
 *
 * We use `__SENTRY_WRAPPING_TARGET_FILE__.cjs` as a placeholder for the path to the file being wrapped. Because it's not a real package,
 * this causes both TS and ESLint to complain, hence the pragma comments below.
 */

const userPageModule = serverComponentModule ;

const pageComponent = userPageModule ? userPageModule.default : undefined;

const origGetInitialProps = pageComponent ? pageComponent.getInitialProps : undefined;
const origGetStaticProps = userPageModule ? userPageModule.getStaticProps : undefined;
const origGetServerSideProps = userPageModule ? userPageModule.getServerSideProps : undefined;

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const getInitialPropsWrappers = {
  '/_app': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapAppGetInitialPropsWithSentry,
  '/_document': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapDocumentGetInitialPropsWithSentry,
  '/_error': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapErrorGetInitialPropsWithSentry,
};

const getInitialPropsWrapper = getInitialPropsWrappers['/learning-plans/[slug]/lessons/[lessonSlugOrId]'] || _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetInitialPropsWithSentry;

if (pageComponent && typeof origGetInitialProps === 'function') {
  pageComponent.getInitialProps = getInitialPropsWrapper(origGetInitialProps) ;
}

const getStaticProps =
  typeof origGetStaticProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetStaticPropsWithSentry(origGetStaticProps, '/learning-plans/[slug]/lessons/[lessonSlugOrId]')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/learning-plans/[slug]/lessons/[lessonSlugOrId]')
    : undefined;

const pageWrapperTemplate = pageComponent ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapPageComponentWithSentry(pageComponent ) : pageComponent;



__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 49880:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgChevronLeft = function SvgChevronLeft(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M8.842 3.135a.5.5 0 0 1 .023.707L5.435 7.5l3.43 3.658a.5.5 0 0 1-.73.684l-3.75-4a.5.5 0 0 1 0-.684l3.75-4a.5.5 0 0 1 .707-.023Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronLeft);

/***/ }),

/***/ 3932:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgChevronRight = function SvgChevronRight(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M6.158 3.135a.5.5 0 0 1 .707.023l3.75 4a.5.5 0 0 1 0 .684l-3.75 4a.5.5 0 1 1-.73-.684L9.566 7.5l-3.43-3.658a.5.5 0 0 1 .023-.707Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronRight);

/***/ }),

/***/ 77266:
/***/ ((module) => {

// Exports
module.exports = {
	"buttonsContainer": "ActionButtons_buttonsContainer__8sYFk",
	"addReflectionButton": "ActionButtons_addReflectionButton__a87_E"
};


/***/ }),

/***/ 91493:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "CourseMaterial_container__woIAL",
	"modalContainer": "CourseMaterial_modalContainer__XHCOl",
	"heading": "CourseMaterial_heading__m2XoE",
	"currentLesson": "CourseMaterial_currentLesson__jCz_g",
	"lessonContainer": "CourseMaterial_lessonContainer__bHHIg",
	"day": "CourseMaterial_day__FMLIb"
};


/***/ }),

/***/ 31123:
/***/ ((module) => {

// Exports
module.exports = {
	"viewContainer": "Lesson_viewContainer__KU3Kw",
	"modalHeading": "Lesson_modalHeading__MRE72",
	"container": "Lesson_container__pKSFk",
	"backText": "Lesson_backText__BqDit",
	"headerContainer": "Lesson_headerContainer__ccO73",
	"title": "Lesson_title__7kl3n",
	"tickIcon": "Lesson_tickIcon__ML0oE",
	"contentContainer": "Lesson_contentContainer__P16lZ",
	"headerButtonsContainer": "Lesson_headerButtonsContainer__ASxer",
	"courseMaterialButton": "Lesson_courseMaterialButton__jS61z"
};


/***/ }),

/***/ 55696:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "lessons_container__O0LbF"
};


/***/ }),

/***/ 69971:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79717);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);






const CompleteButton = ({ isLoading , id , markLessonAsCompleted  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("learn");
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_4__/* .useToast */ .pm)();
    const onMarkAsCompletedClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)("mark_lesson_as_completed", {
            lessonId: id
        });
        markLessonAsCompleted(id, ()=>{
            toast(t("mark-complete-success"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_4__/* .ToastStatus.Success */ .YZ.Success
            });
        });
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
        isLoading: isLoading,
        isDisabled: isLoading,
        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
        onClick: onMarkAsCompletedClicked,
        children: t("mark-complete")
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CompleteButton);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 27666:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _ActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(77266);
/* harmony import */ var _ActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_ActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_18__);
/* harmony import */ var _CompleteButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69971);
/* harmony import */ var _components_Course_CourseFeedback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18370);
/* harmony import */ var _components_Course_utils_mutations__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82969);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79717);
/* harmony import */ var _hooks_useMutateMultipleKeys__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(46181);
/* harmony import */ var _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61368);
/* harmony import */ var _hooks_useScrollToTop__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(73742);
/* harmony import */ var _icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(49880);
/* harmony import */ var _icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(3932);
/* harmony import */ var _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(97043);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(37883);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_CompleteButton__WEBPACK_IMPORTED_MODULE_4__, _components_Course_CourseFeedback__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _hooks_useMutateMultipleKeys__WEBPACK_IMPORTED_MODULE_9__, _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__, _utils_navigation__WEBPACK_IMPORTED_MODULE_16__]);
([_CompleteButton__WEBPACK_IMPORTED_MODULE_4__, _components_Course_CourseFeedback__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _hooks_useMutateMultipleKeys__WEBPACK_IMPORTED_MODULE_9__, _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__, _utils_navigation__WEBPACK_IMPORTED_MODULE_16__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);



















const ActionButtons = ({ lesson , courseSlug  })=>{
    const scrollToTop = (0,_hooks_useScrollToTop__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z)();
    const { day , id , isFirst , isLast , course , isCompleted  } = lesson;
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("learn");
    const mutateWithoutRevalidation = (0,_hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)();
    const mutateMultipleKeys = (0,_hooks_useMutateMultipleKeys__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)();
    const { 0: isLoading , 1: setIsLoading  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .useToast */ .pm)();
    const { 0: shouldOpenFeedbackModal , 1: setShouldOpenFeedbackModal  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const markLessonAsCompleted = (lessonId, successCallback)=>{
        setIsLoading(true);
        (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_14__/* .updateActivityDay */ .i1)({
            type: _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_13__/* .ActivityDayType.LESSON */ .t.LESSON,
            lessonId
        }).then(()=>{
            (0,_components_Course_utils_mutations__WEBPACK_IMPORTED_MODULE_6__/* .mutateCachedLessonsAfterCompletion */ .z1)(mutateMultipleKeys, courseSlug, lessonId);
            (0,_components_Course_utils_mutations__WEBPACK_IMPORTED_MODULE_6__/* .mutateCachedCourseAfterCompletion */ .gx)(mutateWithoutRevalidation, courseSlug, lessonId);
            if (successCallback) {
                successCallback();
            }
            // check if the last lesson of the course is completed, and ask user for feedback
            const completedLessonsCount = course.lessons.filter((filterLesson)=>filterLesson.isCompleted).length;
            const isLastCompletedLessonOfCourse = completedLessonsCount === course.lessons.length;
            if (isLastCompletedLessonOfCourse) {
                setShouldOpenFeedbackModal(true);
            }
        }).catch(()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
            });
        }).finally(()=>{
            setIsLoading(false);
        });
    };
    const navigateToLesson = (navigateToCourseSlug, navigateToLessonSlug)=>{
        router.push((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_16__/* .getLessonNavigationUrl */ .dC)(navigateToCourseSlug, navigateToLessonSlug));
    };
    const onPreviousLessonClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("previous_lesson", {
            lessonId: id,
            isCompleted
        });
        const lessonIndex = day - 1;
        const previousLessonSlug = course.lessons[lessonIndex - 1].slug;
        scrollToTop();
        navigateToLesson(course.slug, previousLessonSlug);
    };
    const onNextLessonClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("next_lesson", {
            lessonId: id,
            isCompleted
        });
        const lessonIndex = day - 1;
        const nextLessonSlug = course.lessons[lessonIndex + 1].slug;
        scrollToTop();
        navigateToLesson(course.slug, nextLessonSlug);
    };
    const onAddReflectionClick = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("add_lesson_reflection", {
            lessonId: id,
            isCompleted
        });
    };
    const shouldShowAddFeedbackButton = course?.userHasFeedback === false && (course?.isCompleted === true || shouldOpenFeedbackModal === true);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_18___default().buttonsContainer),
                children: [
                    !isFirst && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                        isLoading: isLoading,
                        isDisabled: isLoading,
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                        onClick: onPreviousLessonClicked,
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {})
                    }),
                    !isCompleted && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CompleteButton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                        id: id,
                        isLoading: isLoading,
                        markLessonAsCompleted: markLessonAsCompleted
                    }),
                    !isLast && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                        isLoading: isLoading,
                        isDisabled: isLoading,
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                        onClick: onNextLessonClicked,
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_18___default().addReflectionButton),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                        onClick: onAddReflectionClick,
                        href: "https://quranreflect.com",
                        isNewTab: true,
                        type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonType.Success */ .L$.Success,
                        children: t("add-reflection")
                    }),
                    shouldShowAddFeedbackButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Course_CourseFeedback__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        shouldOpenModal: shouldOpenFeedbackModal,
                        course: course,
                        source: _components_Course_CourseFeedback__WEBPACK_IMPORTED_MODULE_5__/* .FeedbackSource.LessonPage */ .E.LessonPage
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ActionButtons);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 12596:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(91493);
/* harmony import */ var _CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _components_Course_CompletedTick__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(86120);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__]);
([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);










const CourseMaterial = ({ lessons , currentLessonId , courseSlug , isModal =false ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("learn");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)();
    const onLessonClicked = (lessonId, slug)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("sidebar_syllabus_lesson", {
            lessonId,
            courseSlug
        });
        router.push((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getLessonNavigationUrl */ .dC)(courseSlug, slug));
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container), {
            [(_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().modalContainer)]: isModal
        }),
        children: [
            !isModal && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                className: (_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().heading),
                children: t("learning-plan-material")
            }),
            lessons.map((lesson, index)=>{
                const dayNumber = index + 1;
                const { title , isCompleted , id , slug  } = lesson;
                const onClickHandler = ()=>{
                    onLessonClicked(id, slug);
                };
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    role: "button",
                    tabIndex: index,
                    onClick: onClickHandler,
                    onKeyDown: onClickHandler,
                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().lessonContainer), {
                        [(_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().currentLesson)]: id === currentLessonId
                    }),
                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                className: (_CourseMaterial_module_scss__WEBPACK_IMPORTED_MODULE_9___default().day),
                                children: `${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .toLocalizedNumber */ .rQ)(dayNumber, lang)}: `
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
                                children: [
                                    title,
                                    isCompleted ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Course_CompletedTick__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}) : ""
                                ]
                            })
                        ]
                    })
                }, id);
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CourseMaterial);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 89591:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _milkdown_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76915);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _ActionButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27666);
/* harmony import */ var _CourseMaterial__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12596);
/* harmony import */ var _Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(31123);
/* harmony import */ var _Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15__);
/* harmony import */ var _components_Course_ContentContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79215);
/* harmony import */ var _components_MarkdownEditor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3177);
/* harmony import */ var _components_PageContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9234);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(50497);
/* harmony import */ var _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(66606);
/* harmony import */ var _icons_west_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(58421);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_milkdown_react__WEBPACK_IMPORTED_MODULE_2__, _ActionButtons__WEBPACK_IMPORTED_MODULE_4__, _CourseMaterial__WEBPACK_IMPORTED_MODULE_5__, _components_MarkdownEditor__WEBPACK_IMPORTED_MODULE_7__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__, _utils_navigation__WEBPACK_IMPORTED_MODULE_14__]);
([_milkdown_react__WEBPACK_IMPORTED_MODULE_2__, _ActionButtons__WEBPACK_IMPORTED_MODULE_4__, _CourseMaterial__WEBPACK_IMPORTED_MODULE_5__, _components_MarkdownEditor__WEBPACK_IMPORTED_MODULE_7__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__, _utils_navigation__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
















const LessonView = ({ lesson , courseSlug , lessonSlugOrId  })=>{
    const { title , content , day  } = lesson;
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("learn");
    const { 0: isCourseMaterialModalOpen , 1: setCourseMaterialModalOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const onBackButtonClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__/* .logButtonClick */ .MY)("back_to_course", {
            lessonSlugOrId,
            courseSlug
        });
    };
    const onCourseMaterialClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__/* .logButtonClick */ .MY)("course_material", {
            lessonSlugOrId,
            courseSlug
        });
        setCourseMaterialModalOpen(true);
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Course_ContentContainer__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().viewContainer),
            children: [
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                    isOpen: isCourseMaterialModalOpen,
                    onClose: ()=>{
                        setCourseMaterialModalOpen(false);
                    },
                    hasCloseButton: true,
                    header: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().modalHeading),
                        children: t("learning-plan-material")
                    }),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CourseMaterial__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        isModal: true,
                        courseSlug: courseSlug,
                        currentLessonId: lesson.id,
                        lessons: lesson.course.lessons
                    })
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CourseMaterial__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                    courseSlug: courseSlug,
                    currentLessonId: lesson.id,
                    lessons: lesson.course.lessons
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().container),
                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_PageContainer__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().headerButtonsContainer),
                                children: [
                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .ZP, {
                                        onClick: onBackButtonClicked,
                                        href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_14__/* .getCourseNavigationUrl */ .ES)(courseSlug),
                                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                                        children: [
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_west_svg__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {}),
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                                                className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().backText),
                                                children: t("back-to-learning-plan")
                                            })
                                        ]
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .ZP, {
                                        onClick: onCourseMaterialClicked,
                                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_9__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                                        className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().courseMaterialButton),
                                        children: t("learning-plan-material")
                                    })
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().headerContainer),
                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                                    className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().title),
                                    children: [
                                        `${t("day")} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_13__/* .toLocalizedNumber */ .rQ)(day, lang)}`,
                                        `: ${title}`
                                    ]
                                })
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Lesson_module_scss__WEBPACK_IMPORTED_MODULE_15___default().contentContainer),
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_milkdown_react__WEBPACK_IMPORTED_MODULE_2__.MilkdownProvider, {
                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_MarkdownEditor__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                        isEditable: false,
                                        defaultValue: content
                                    })
                                })
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ActionButtons__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                lesson: lesson,
                                courseSlug: courseSlug
                            })
                        ]
                    })
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LessonView);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 73742:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const useScrollToTop = ()=>{
    // a function that will be invoked by the component using this hook to scroll to the top of the window.
    const scrollToTop = ()=>{
        if (false) {}
    };
    return scrollToTop;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useScrollToTop);


/***/ }),

/***/ 43194:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var ApiErrorMessage;
(function(ApiErrorMessage) {
    ApiErrorMessage["CourseNotEnrolled"] = "You are not enrolled in this course";
})(ApiErrorMessage || (ApiErrorMessage = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApiErrorMessage);


/***/ }),

/***/ 75184:
/***/ ((module) => {

"use strict";
module.exports = require("@reduxjs/toolkit");

/***/ }),

/***/ 58097:
/***/ ((module) => {

"use strict";
module.exports = require("@sentry/nextjs");

/***/ }),

/***/ 59003:
/***/ ((module) => {

"use strict";
module.exports = require("classnames");

/***/ }),

/***/ 59606:
/***/ ((module) => {

"use strict";
module.exports = require("humps");

/***/ }),

/***/ 59969:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/capitalize");

/***/ }),

/***/ 12372:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/findKey");

/***/ }),

/***/ 98492:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/groupBy");

/***/ }),

/***/ 35526:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/random");

/***/ }),

/***/ 64042:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/range");

/***/ }),

/***/ 16641:
/***/ ((module) => {

"use strict";
module.exports = require("next-seo");

/***/ }),

/***/ 74137:
/***/ ((module) => {

"use strict";
module.exports = require("next-translate/Trans");

/***/ }),

/***/ 60866:
/***/ ((module) => {

"use strict";
module.exports = require("next-translate/useTranslation");

/***/ }),

/***/ 3280:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/app-router-context.js");

/***/ }),

/***/ 92796:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

/***/ 3539:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

/***/ 34014:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

/***/ 78524:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

/***/ 78020:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

/***/ 64406:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

/***/ 24964:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

/***/ 93431:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");

/***/ }),

/***/ 11751:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");

/***/ }),

/***/ 46220:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");

/***/ }),

/***/ 10299:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");

/***/ }),

/***/ 23938:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

/***/ 29565:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

/***/ 35789:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");

/***/ }),

/***/ 1897:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");

/***/ }),

/***/ 1428:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

/***/ 28854:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");

/***/ }),

/***/ 91292:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

/***/ 34567:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");

/***/ }),

/***/ 80979:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

/***/ 93297:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");

/***/ }),

/***/ 36052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

/***/ 84226:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

/***/ 95052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

/***/ 59232:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

/***/ 71853:
/***/ ((module) => {

"use strict";
module.exports = require("next/router");

/***/ }),

/***/ 16689:
/***/ ((module) => {

"use strict";
module.exports = require("react");

/***/ }),

/***/ 20997:
/***/ ((module) => {

"use strict";
module.exports = require("react/jsx-runtime");

/***/ }),

/***/ 52648:
/***/ ((module) => {

"use strict";
module.exports = require("refresh-fetch");

/***/ }),

/***/ 57964:
/***/ ((module) => {

"use strict";
module.exports = import("@milkdown/core");;

/***/ }),

/***/ 42154:
/***/ ((module) => {

"use strict";
module.exports = import("@milkdown/preset-commonmark");;

/***/ }),

/***/ 76915:
/***/ ((module) => {

"use strict";
module.exports = import("@milkdown/react");;

/***/ }),

/***/ 64744:
/***/ ((module) => {

"use strict";
module.exports = import("@milkdown/utils");;

/***/ }),

/***/ 11601:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-checkbox");;

/***/ }),

/***/ 77715:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-dialog");;

/***/ }),

/***/ 4086:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-radio-group");;

/***/ }),

/***/ 66704:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-tooltip");;

/***/ }),

/***/ 28560:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-visually-hidden");;

/***/ }),

/***/ 88813:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/analytics");;

/***/ }),

/***/ 33773:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/app");;

/***/ }),

/***/ 69915:
/***/ ((module) => {

"use strict";
module.exports = import("js-cookie");;

/***/ }),

/***/ 45641:
/***/ ((module) => {

"use strict";
module.exports = import("react-hook-form");;

/***/ }),

/***/ 3590:
/***/ ((module) => {

"use strict";
module.exports = import("react-toastify");;

/***/ }),

/***/ 15941:
/***/ ((module) => {

"use strict";
module.exports = import("swr");;

/***/ }),

/***/ 79847:
/***/ ((module) => {

"use strict";
module.exports = import("swr/immutable");;

/***/ }),

/***/ 63477:
/***/ ((module) => {

"use strict";
module.exports = require("querystring");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../../../../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [11497,79165,96270,24709,57933,61239,25869,50497,76410,79717,13830,37883,22197,12951,91308,42752,37013,1223,87574], () => (__webpack_exec__(96887)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=[lessonSlugOrId].js.map